<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=0,
          initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>@yield('title')</title>

    <link rel="stylesheet" href="{{Style}}/css/weui.css" />
    <link rel="stylesheet" href="{{Style}}/css/book.css" />
    {{--<link rel="stylesheet" href="{{Style}}/css/example.css" />--}}

</head>
<body>

    <div class="bk_title_bar">
        <img class="bk_back" src="{{Style}}/images/back.png" alt="" onclick="history.go(-1);">
        <p class="bk_title_content"></p>
        <img class="bk_menu" src="{{Style}}/images/menu.png" alt="" onclick="onMenuClick();">
    </div>

    <div class="page">
        @yield('content')
    </div>

    <!-- tooltips -->
    <div class="bk_toptips"><span></span></div>

    <div id="global_menu" onclick="onMenuClick()" >
        <div></div>
    </div>

    <!--BEGIN actionSheet-->
    <div id="actionSheet_wrap">
        <div class="weui_mask_transition" id="mask"></div>
        <div class="weui_actionsheet" id="weui_actionsheet">
            <div class="weui_actionsheet_menu">
                <div class="weui_actionsheet_cell" onclick="onMenuItemClick(1)">主页</div>
                <div class="weui_actionsheet_cell" onclick="onMenuItemClick(2)">书籍类别</div>
                <div class="weui_actionsheet_cell" onclick="onMenuItemClick(3)">购物车</div>
                <div class="weui_actionsheet_cell" onclick="onMenuItemClick(4)">我的订单</div>
            </div>
            <div class="weui_actionsheet_action">
                <div class="weui_actionsheet_cell" id="actionsheet_cancel">取消</div>
            </div>
        </div>
    </div>

</body>


<script type="text/javascript" src="{{Style}}/layer/jquery-3.1.1.js"></script>
<script type="text/javascript" src="{{Style}}/js/book.js"></script>
<script type="text/javascript" src="{{Style}}/js/swipe.min.js"></script>
@yield('js')
</html>